import axios from 'axios'
import { getToken, removeUserInfomation } from './indexLogin'
import { ElMessage, ElLoading } from 'element-plus'
import router from '@/router'

const request = axios.create({
  baseURL: process.env.VUE_APP_BASE_URL
})
let loading = null // loading加载 需要定义全局变量（公共作用域）
// 添加拦截器
request.interceptors.request.use(function (config) {
  // 获取token 添加到请求头 做接口token校验
  // 全局loading 显示loading 在其他地方关闭loading
  loading = ElLoading.service({
    lock: true,
    text: '拼命加载中...',
    background: 'rgba(23,47,83,0.7)',
  })
  setTimeout(() => {
    loading.close()
  }, 2000)

  if (getToken()) {
    config.headers.token = getToken()
  }
  return config
}, function (error) {
  loading.close()
  return Promise.reject(error)
})
request.interceptors.response.use(function (response) {
  loading.close() 
  switch (response.data.code) {   // 判断后端返回 业务编码 code  401 403 弹出错误提示，清除登录相关缓存  跳转到登录页重新登录
    case 401:
      removeUserInfomation()  // 登录状态过期   // 弹出错误提示，清除登录相关缓存 跳转到登录
      ElMessage({
        type: 'error',
        message: '用户登录状态过期请重新登录',
        duration: 1000,
        onClose: () => {
          router.replace('/login')
        }
      })
      break
    case 403:
      ElMessage({    // 提示未登录  到登录页
        type: 'error',
        message: '用户未登录请登录访问',
        duration: 1000,
        onClose: () => {
          router.replace('/login')
        }
      })
      break
    default:
      break
  }
  return response
}, function (error) {
  loading.close()
  return Promise.reject(error)
})

export default request
